.wh(@name,@px){
    @{name}:@px/75*1rem;
}

.header{
    position:fixed;
    top:0;
    left:0;
    z-index:123;
    background:#fff;
    width: 100%;
    height: 40px;
    display: flex;
    justify-content: space-around;
    align-items:center;
    .header_left{
        width: 10%;
        display:flex;
        justify-content:center;
        align-items:center;
        img{
            width: 30%;
        }
    }
    .header_center{
        width: 70%;
        height: 29px;
        display:flex;
        justify-content:center;
        align-items:center;
        input{
            width: 80%;
            border:none;
            text-align: center;
            color:#fff;
            outline:none;
        }
    }
    .header_right{
        width: 10%;
        display:flex;
        justify-content:center;
        align-items:center;
    }
}
.hui{
    width: 100%;
    .wh(height,94);
    background: #f7f7f7;
    .wh(margin-top,60);
}
.phone{
    display: flex;
    .wh(height,94);
    .wh(margin-top,30);
    input{
    width: 100%;
    background: url(../images/img/shouji.png) no-repeat 5% center;
    text-indent: 4em;
    .wh(font-size,32);
    border: none;
    }

}
.password{
   display: flex;
    .wh(height,94);
    .wh(margin-top,30);
    input{
    width: 100%;
    background: url(../images/img/suo.png) no-repeat 5% center;
    text-indent: 4em;
    .wh(font-size,32);
    border: none;
    } 
}
.giuy{
   .wh(margin-top,40);
   img{
       width: 100%;
   } 
}
.ligin{
    background: #f7f7f7;
    .span{  
        display: flex;
        justify-content: space-between;
        span{
           .wh(margin-top,34);
           .wh(font-size,32);
            font-weight: 800; 
        }
    }
    .butt{
    width: 100%;
  .wh(margin-top,120);
  .btn{
      width: 90%;
      margin-left: 5%;
      .wh(height,90);
      .wh(margin-top,20);
      .wh(font-size,32);
      background: #FED201;
      border: none;
  }
}
.log{
      .wh(margin-top,280);
      display: flex;
      justify-content: center;
      span{
         .wh(font-size,32);
         color: #c4c4c4;
      }
  } 
  .liao{
     .wh(margin-top,32);
     display: flex;
     justify-content: space-around; 
  } 
}
